<template>
   <div class="container">
       <div class="box-header">
           <div class="imgbox">
              <div class="headbox">
                  ¥{{List.wallet}}
              </div>
              <p class="text">余额</p>
           </div>
            <div class="flex">
               <div class="num">{{List.withdrawals}}</div>
               <div class="num">{{List.wallet}}</div>
           </div>
           <div class="flex">
               <div class="nownum">正在提现中（元）</div>
               <div class="nownum">可提取金额（元）</div>
           </div>
          
       </div>
       <div class="address-bom" @click="gosub"> 
         提现
       </div>
   </div>
</template>
<script>
import {Confirm} from 'vux'
export default {
  components: {
    Confirm,
  },
    data () {
      return {
        List: {}
      }
    },
    mounted(){
        this.getinfo()
    },
    methods:{
      getinfo(){
         var self=this
        this.$axios.post('/device/userEntity/queryMoney').then(res=>{
            if(res.data.code==1000){
              console.log(res)
              self.List=res.data.data
               //self.$router.push({ path:'/Personal', query: { userId: self.$route.query.userId }})
            }
                
          })
      },
       gosub(){
           this.$router.push({ path:'/WidthDraw', query:{ userId: this.$route.query.userId }})
           
       }
    }

}
</script>
<style scoped lang="less">
  .address-bom{
    width:80%;
    margin: 100px auto;
    border-radius: 100px;
    height:78px;
    align-items:center;
  background: #eb494a;
    line-height: 78px;
    font-size: 36px;
    color: #fff;
    justify-content: center;
    display: flex;
    z-index: 999;
  }
 .box-header{
        height:360px;
            background: #eb494a;
        background-size: 100% 100%;
        width:100%;
        display: flex;
        flex-flow: column;
        .flex{
            display: flex;
            .nownum{
                flex:1;
                text-align: center;
                font-size: 30px;
                color: #fff;
                line-height: 60px;
            }
            .num{
                flex:1;
                text-align: center;
                   font-size: 34px;
                color: #fff;
                font-weight: 800;
                color: #fff;
                line-height: 50px;
            }
        }
        .name{
            font-size: 32px;
            line-height: 100px;
            text-align: center;
             color: #fff;
        }
        .imgbox{
            margin-top:90px;
            display: flex;
            align-items: center;
            flex-flow: column;
            padding-bottom:10px;
            .text{
                font-size: 38px;
                line-height: 60px;
                color: #fff;
            }
            overflow: hidden;
            .headbox{
                height: 140px;
                line-height: 140px;
                width:100%;
                border-radius: 100%;
                font-size: 60px;
                color: #ffffff;
                overflow: hidden;
            }
            img{
          
                min-height: 100%;
                width: 140px;
            }
        }
    }
</style>
